<template>
  <div>
    <h1>我是子组件 -- {{ title }}</h1>
    <hr />
    <button @click="setTitle">修改title</button>
  </div>
</template>

<script>
export default {
  // props它是单向数据流，父流向子，子不能直接去修改父传入过来的数据
  // 修改只能让父来完成
  props: ["title"],
  methods: {
    setTitle() {
      // 给组件添加自定义事件，来通知父组件完成数据的修改工作
      // 定义一个自定久事件
      // 参数1：自定义事情的名称,
      // 参数2 之 参数N为事件传入的数据，一般情况下我们只写2个参数
      // this.$emit("onSetTitle", Date.now(),100);
      this.$emit("onSetTitle", Date.now());
    },
  },
};
</script>

<style lang="scss" scoped>
</style>